/* 导航栏问答专区下划线 */

.interflow-a {
    color: #3a3a3b;
    border-bottom: 4px solid #3b92ec;
}

body {
    word-break: break-word;
    font-size: 12px;
    line-height: normal;
    margin: 0;
    padding: 0;
    color: #333;
    background-color: #eeeeee;
}


/* 主题内容 */

.main-box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    /* margin-left: 20rem; */
}


/* .main-right-box {
    width: 52%;
} */

.main-left-box {
    width: 20%;
    /* padding-left: 20px; */
}


/* <!-- 头部选项及搜索 --> */

.main-header-choose-search {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-shrink: 1;
    margin-top: 1.3rem;
    width: 800px;
}


/* <!-- 选项 --> */

.main-header-choose {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-shrink: 1;
    flex-shrink: 0;
    /* display: inline-block; */
    /* width: 550%; */
    height: 2.6rem;
    background-color: white;
    border-radius: 21px 21px 21px 21px;
    margin-right: 20px;
    max-width: 360px;
}

.main-header-choose>div {
    display: inline-block;
    font-size: 16px;
    white-space: nowrap;
    flex-shrink: 1;
}


/* 选项中每个小标签 */

.btn-right {
    border-right: 2px solid rgba(123, 123, 123, 0.4);
}

.btn-center {
    /* border-right: 1px solid #3b92ec;
    border-left: 1px solid #3b92ec; */
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.55rem;
}

.btn-right-padding {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.55rem;
}

.btn-left-padding {
    padding-left: 1rem;
    padding-right: 1.3rem;
    padding-top: 0.55rem;
    border-radius: 0px 21px 21px 0px;
}

.btn-color {
    background-color: #dcedff;
    border-radius: 21px 0px 0px 21px;
    color: #20A6FF;
}


/* <!-- 搜索 --> */

.main-header-search {
    width: 15rem;
    height: 2.5rem;
    border: none;
    border-radius: 21px 21px 21px 21px;
    /* width: 55%;
    height: 2.5rem; */
    font-size: 20px;
    /* color: ; */
    padding-left: 20px;
}

.main-search-img {
    position: relative;
    right: 3rem;
    top: 0.4rem;
}


/* 发布 */

.main-release {
    margin-top: 1.3rem;
    height: 240px;
    width: 48rem;
    border-radius: 30px 30px 30px 30px;
    background: rgba(255, 255, 255, 1);
    /* display: none; */
}

.main-release-textarea {
    height: 10rem;
    width: 45rem;
    /* width: 83%; */
    border-radius: 21px 21px 21px 21px;
    border: 4px solid rgba(123, 123, 123, 0.2);
    resize: none;
    font-size: 0.7rem;
    padding: 10px;
    margin-left: 0.59rem;
}

.btn-release {
    width: 109.97px;
    height: 29.81px;
    border-radius: 14.9061px 14.9061px 14.9061px 14.9061px;
    background: rgba(179, 179, 179, 1);
    position: relative;
    left: 39rem;
    bottom: 3rem;
}

.btn-release-padding {
    padding: 6px;
    margin-left: 35px;
    font-size: 14px;
    font-weight: 600;
    color: white;
}

.main-release-font-size {
    font-size: 1rem;
    padding: 7px;
    padding-left: 20px;
}


/* 问题与回答 */

.main-question-answer-first {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: white;
    margin-top: 20px;
    height: 117.94px;
    width: 48rem;
    border-radius: 21px 21px 0px 0px;
}

.main-question-answer-center {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: white;
    margin-top: 2px;
    height: 117.94px;
    width: 48rem;
}

.main-question-answer-last {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: white;
    margin-top: 2px;
    height: 117.94px;
    width: 48rem;
    border-radius: 0px 0px 21px 21px;
}

.question-answer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.btn-answer {
    width: 137.47px;
    height: 35px;
    border-radius: 17.487px 17.487px 17.487px 17.487px;
    background: rgba(54, 109, 226, 1);
    margin: 20px;
    font-size: 18px;
    color: white;
    /* padding: 20px; */
    margin-right: 40px;
}

.btn-answer-margin {
    margin: 23px;
    padding-top: 5px;
}

.question {
    font-size: 17.99px;
    padding: 10px;
    margin-left: 10px;
    /* background-color: #20A6FF; */
    width: 500px;
    word-break: break-all;
}

.answer {
    font-size: 14px;
    color: rgba(123, 138, 144, 0.9);
    width: 500px;
    /* padding: 10px; */
    margin-left: 20px;
    /* background-color: #20A6FF; */
    word-break: break-all;
}


/* 右侧个人区 */

.user-information {
    margin-top: 5.2rem;
    width: 340px;
    height: 193px;
    border-radius: 30px 30px 30px 30px;
    background: rgba(255, 255, 255, 1);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.user-information-username {
    padding-top: 13px;
    padding-left: 50px;
    padding-bottom: 10px;
    font-size: 20px;
    color: #3a3a3b;
    border-bottom: 4px solid rgba(123, 123, 123, 0.2);
}

.user-information-question {
    padding-top: 20px;
    padding-left: 50px;
    padding-bottom: 10px;
    font-size: 20px;
    color: #3a3a3b;
    /* border-bottom: 4px solid #3b92ec; */
}

.user-information-answer {
    padding-top: 20px;
    padding-left: 50px;
    padding-bottom: 10px;
    font-size: 20px;
    color: #3a3a3b;
    /* border-bottom: 4px solid #3b92ec; */
}

.user-information-advertising {
    width: 340px;
    height: 193px;
    margin-top: 50px;
}


/* //翻页功能 */

.turn-page {
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 100px;
}

.turn-page-div {
    height: 2rem;
    width: 2rem;
    background-color: white;
    margin-left: 10px;
    border-radius: 5px 5px 5px 5px;
    margin-top: 2rem;
}

.turn-page-div-padding {
    padding-top: 8px;
    /* margin-left: 4px; */
    padding-left: 12px;
}

.turn-page-div-padding-two {
    padding-top: 8px;
    /* margin-left: 4px; */
    padding-left: 12px;
}

.turn-next-page {
    height: 2rem;
    width: 5rem;
    background-color: white;
    margin-left: 30px;
    border-radius: 5px 5px 5px 5px;
    margin-top: 2rem;
}

.turn-next-page-padding {
    padding: 5px;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px 5px 5px 5px;
    white-space: nowrap;
}

.turn-page-btn-color {
    /* color: white; */
    border-radius: 5px 5px 5px 5px;
}